/* stylelint-disable order/properties-order */
@mixin themeify {
  @each $theme, $map in $themes {
    $theme-map: $map !global;

    [data-theme=#{$theme}] & {
      @content
    }
  }
}

@function theme($key) {
  @return map-get($theme-map, $key);
}

@mixin theme-light {
  [data-theme='light'] & {
    @content;
  }
}

@mixin theme-dark {
  [data-theme='dark'] & {
    @content
  }
}
